.dialog {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  .mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background: fade(#000, 70%);
    backdrop-filter: blur(10rpx);
  }
  .flex {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    animation: fadeInUp .2s ease;
  }
  .layer {
    position: relative;
    padding: 30rpx;
    background: #fff;
    box-sizing: content-box;
    // padding-bottom: calc(constant(safe-area-inset-bottom) + 30rpx);
    // padding-bottom: calc(env(safe-area-inset-bottom) + 30rpx);
    .thead {
      line-height: 80rpx;
      color: #333;
      font-size: 32rpx;
    }
    .tbody {
      margin: 20rpx 0 0;
      font-size: 28rpx;
      line-height: 1.8;
      color: #666;
      text-align: justify;
    }
  }
}